@import 'variable';
.search-body{
  background:@inner-background;  
}
.container-search {
    background: @inner-background;
    padding: 0 1rem;
    .search-box {
        display: flex;
        border-bottom: 1px solid rgba(0,0,0,.15);
        padding: 0.1rem 0.2rem;
        .box-content {
            position: relative;
            padding-left: 0.15rem;
            background: @background;
            flex: 1;
            input {
             
                height: 0.42rem;
                margin-left: .3rem;
                font-size: 0.2rem;
                color: rgba(0,0,0,.8);
                border: none;
                background: transparent;
            }
            &:before {
                position: absolute;
                top: .07rem;
                content: ' ';
                display: inline-block;
                width: .3rem;
                height: .3rem;
                background-image: url(../img/index/search.png);
                background-size: .3rem .3rem;
            }
        }
        a {
            display: inline-block;
            padding-left: 0.2rem;
            font-size: 0.2rem;
            color: @font-dark-color;
            line-height: 0.44rem;
        }
    }
    .search-hot {
        padding: 0 0.3rem;
        h2 {
            color: @font-light-color;
            font-weight: normal;
            padding: .2rem 0;
        }
        .search-nav {
            a {
                display: inline-block;
                padding: 0.1rem;
                margin-right: 0.2rem;
                margin-bottom: 0.2rem;
                border: 1px solid @font-light-color;
                color: @font-dark-color;
            }
        }
    }
}
